<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="author" content="lz">
    <title></title>
    <script src="./js/jquery-3.1.1.js"></script>
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <!--导航条-->
    <header class="nav">
        <div class="nav-nav">
            <div class="left">
                <a href="#">小米商城</a>
                <span class="fenge">|</span>
                <a href="#">MIUI</a>
                <span class="fenge">|</span>
                <a href="#">米聊</a>
                <span class="fenge">|</span>
                <a href="#">游戏</a>
                <span class="fenge">|</span>
                <a href="#">多看阅读</a>
                <span class="fenge">|</span>
                <a href="#">云服务</a>
                <span class="fenge">|</span>
                <a href="#">金融</a>
                <span class="fenge">|</span>
                <a href="#">小米商城移动版</a>
                <span class="fenge">|</span>
                <a href="#">问题反馈</a>
                <span class="fenge">|</span>
                <a href="#">Select Region</a>
                <div class="right">
                    <a href="#">登录</a>
                    <span class="fenge">|</span>
                    <a href="#">注册</a>
                    <span class="fenge">|</span>
                    <a href="#">消息通知</a>
                    <div class="shoopcar">
                        <i class="icon"></i>购物车
                        <span>（0）</span>
                        <div class="gwc-zhan no" style="color: #b0b0b0">
                            购物车中好没有商品，赶紧选购吧！
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </header>

    <!--搜素条-->
    <section class="main sousuotiao">
        <a href="#">
            <div class="logo fleft"></div>
        </a>
        <a href="#"><span class="dxsj"></span></a>
        <span class="fenlei">
            <span class="feileiqu">
                <a href="#" class="i ss-fl">小米手机</a>
                <a href="#" class="i ss-fl">红米</a>
                <a href="#" class="i ss-fl">平板·笔记本</a>
                <a href="#" class="i ss-fl">电视</a>
                <a href="#" class="i ss-fl">盒子·影音</a>
                <a href="#" class="i ss-fl">路由器</a>
                <a href="#" class="i ss-fl">智能硬件</a>
            </span>
        <span class="fuwushequ">
                <a href="#" >服务</a>
                <a href="#" >社区</a>
            </span>
        </span>
        <span class="sousuokuang fri">
            <input type="text" class="input">
            <span class="fangdajing"></span>
        <ul class="no">
            <li><span>小米5</span>
                <span class="fri">约有5件</span></li>
            <li><span>小米note</span><span class="fri">约有20件</span></li>
            <li><span>小米体重秤</span><span class="fri">约有7件</span></li>
            <li><span>家庭影音</span><span class="fri">约有2件</span></li>
            <li><span>小米手环2</span><span class="fri">约有5件</span></li>
            <li><span>小米体温计</span><span class="fri">约有5件</span></li>
            <li><span>小米单车</span><span class="fri">约有4件</span></li>
            <li><span>小米低音炮</span><span class="fri">约有7件</span></li>
            <li><span>小米无人机</span><span class="fri">约有5件</span></li>
            <li><span>家庭笔记本</span><span class="fri">约有3件</span></li>
            <li><span>小米电饭煲</span><span class="fri">约有5件</span></li>
        </ul>
        </span>
        <span class="tuijansousuo">
            <a href="#">红米 4x</a>
            <a href="#">小米电视3s 48英寸</a>
         </span>
    </section>
    <div class="clear"></div>
    <section class="sst-zhan no mr">
        <main class="main zhan huachu no">
            <div class="k">
                <div class="xinpin">新品</div>
                <div><img src="img/sm/106.png"></div>
                <div>小米5</div>
                <div class="jiage">1799元</div>
            </div>
            <div class="jgx"></div>
            <div class="k">
                <div><img src="img/sm/230.png"></div>
                <div>小米noto</div>
                <div class="jiage">799元</div>
            </div>
            <div class="jgx"></div>
            <div class="k">
                <div><img src="img/sm/214.png"></div>
                <div>不知道什么小米</div>
                <div class="jiage">1799元</div>
            </div>
            <div class="jgx"></div>
            <div class="k">
                <div><img src="img/sm/107.png"></div>
                <div>小米note2</div>
                <div class="jiage">1799元</div>
            </div>
            <div class="jgx"></div>
            <div class="k">
                <div><img src="img/sm/112.png"></div>
                <div>小米Max</div>
                <div class="jiage">4999元</div>
            </div>
        </main>
        <!--k2-->
        <main class="main zhan huachu no">
            <div class="k">
                <div class="xinpin">新品</div>
                <div><img src="img/sm/230.png"></div>
                <div>红米2x</div>
                <div class="jiage">799元</div>
            </div>
            <div class="jgx"></div>
            <div class="k">
                <div><img src="img/sm/02.png"></div>
                <div>小米noto</div>
                <div class="jiage">999元</div>
            </div>
            <div class="jgx"></div>
            <div class="k">
                <div class="xinpin">新品</div>
                <div><img src="img/sm/107.png"></div>
                <div>红米2</div>
                <div class="jiage">1799元</div>
            </div>
        </main>
        <!--k3-->
        <main class="main zhan huachu no">
            <div class="k">
                <div><img src="img/sm/126.png"></div>
                <div>小米笔记本</div>
                <div class="jiage">2799元</div>
            </div>
            <div class="jgx"></div>
            <div class="k">
                <div class="xinpin">新品</div>
                <div><img src="img/sm/171.png"></div>
                <div>小米笔记本2</div>
                <div class="jiage">3799元</div>
            </div>
            <div class="jgx"></div>
            <div class="k">
                <div class="xinpin">新品</div>
                <div><img src="img/sm/112.png"></div>
                <div>小米平板</div>
                <div class="jiage">1799元</div>
            </div>
        </main>
        <!--k4-->
        <main class="main zhan huachu no">
            <div class="k">
                <div><img src="img/sm/134.png"></div>
                <div>小米电视</div>
                <div class="jiage">4799元</div>
            </div>
            <div class="jgx"></div>
            <div class="k">
                <div><img src="img/sm/product3-3.png"></div>
                <div>小米电视2</div>
                <div class="jiage">5799元</div>
            </div>
            <div class="jgx"></div>
            <div class="k">
                <div class="xinpin">新品</div>
                <div><img src="img/sm/product3-4.png"></div>
                <div>小米电视 64寸</div>
                <div class="jiage">6799元</div>
            </div>
            <div class="jgx"></div>
            <div class="k">
                <div><img src="img/sm/product3-5.png"></div>
                <div>小米电视2x</div>
                <div class="jiage">3799元</div>
            </div>
            <div class="jgx"></div>
            <div class="k">
                <div class="xinpin">新品</div>
                <div><img src="img/sm/product3-6.png"></div>
                <div>小米电视3s</div>
                <div class="jiage">5999元</div>
            </div>
        </main>
        <!--k5-->
        <main class="main zhan huachu no">
            <div class="k">
                <div class="xinpin">新品</div>
                <div><img src="img/sm/product3-7.png"></div>
                <div>小米盒子3</div>
                <div class="jiage">2799元</div>
            </div>
            <div class="jgx"></div>
            <div class="k">
                <div><img src="img/sm/product3-9.png"></div>
                <div>小米数字电视</div>
                <div class="jiage">799元</div>
            </div>
            <div class="jgx"></div>
            <div class="k">
                <div><img src="img/sm/214.png"></div>
                <div>小米盒子2a</div>
                <div class="jiage">1799元</div>
            </div>
            <div class="jgx"></div>
            <div class="k">
                <div><img src="img/sm/product4-15.png"></div>
                <div>小米note2</div>
                <div class="jiage">1799元</div>
            </div>

        </main>
        <!--k6-->
        <main class="main zhan huachu no">
            <div class="k">
                <div class="xinpin">新品</div>
                <div><img src="img/sm/212.png"></div>
                <div>小米随身wifi</div>
                <div class="jiage">49元</div>
            </div>
            <div class="jgx"></div>
            <div class="k">
                <div><img src="img/sm/box3.jpg"></div>
                <div>小米路由</div>
                <div class="jiage">99元</div>
            </div>
            <div class="jgx"></div>
            <div class="k">
                <div class="xinpin">新品</div>
                <div><img src="img/sm/T1K3A_BsAT1RXrhCrK.jpg"></div>
                <div>小米路由器 50M</div>
                <div class="jiage">1799元</div>
            </div>
        </main>
        <!--k7-->
        <main class="main zhan huachu no">
            <div class="k">
                <div class="xinpin">新品</div>
                <div><img src="img/sm/14.png"></div>
                <div>小米体温计</div>
                <div class="jiage">79元</div>
            </div>
            <div class="jgx"></div>
            <div class="k">
                <div><img src="img/sm/13.png"></div>
                <div>小米电水壶</div>
                <div class="jiage">199元</div>
            </div>
            <div class="jgx"></div>
            <div class="k">
                <div class="xinpin">新品</div>
                <div><img src="img/sm/20.png"></div>
                <div>小米电饭煲</div>
                <div class="jiage">499元</div>
            </div>
            <div class="jgx"></div>
            <div class="k">
                <div><img src="img/sm/132.png"></div>
                <div>小米自拍神器</div>
                <div class="jiage">29元</div>
            </div>
            <div class="jgx"></div>
            <div class="k">
                <div class="xinpin">新品</div>
                <div><img src="img/sm/219.png"></div>
                <div>小米多功能插线板</div>
                <div class="jiage">79元</div>
            </div>
        </main>
    </section>

    <!--轮播图-->
    <section class="lbt">
        <div id="box" class="main">
            <ul class="list">
                <li class="current"><img src="img/sm/236.png" alt=""></li>
                <li><img src="img/sm/237.png" alt=""></li>
                <li><img src="img/sm/xmad_14889651711436_BTJYG.jpg" alt=""></li>
                <li><img src="img/sm/xmad_14889653089832_lSZoz.webp" alt=""></li>
                <li><img src="img/sm/xmad_14893782560252_vQCNa.webp" alt=""></li>
            </ul>
            <ul class="count fri">
                <li class="current"></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
            <div class="r-huachu">
                <div>
                    <span>手机 电话卡</span>
                    <span class="fri">></span>
                </div>
                <div>
                    <span>笔记本 平板</span>
                    <span class="fri">></span>
                </div>
                <div>
                    <span>电视 盒子</span>
                    <span class="fri">></span>
                </div>
                <div>
                    <span>路由器 智能硬件</span>
                    <span class="fri">></span>
                </div>
                <div>
                    <span>移动电源 电池 插线板</span>
                    <span class="fri">></span>
                </div>
                <div>
                    <span>耳机 音响</span>
                    <span class="fri">></span>
                </div>
                <div>
                    <span>保护套 贴膜</span>
                    <span class="fri">></span>
                </div>
                <div>
                    <span>线材 支架 储存卡</span>
                    <span class="fri">></span>
                </div>
                <div>
                    <span>箱包 服饰</span>
                    <span class="fri">></span>
                </div>
                <div>
                    <span>米兔 生活周边</span>
                    <span class="fri">></span>
                </div>
            </div>

            <!--按键-->
            <div class="aj">
                <div class="aj1">
                    <span class="lbj i1"></span></div>
                <div class="aj2"><span class="lbj i2"></span></div>
            </div>
        </div>

    </section>
    <!--向右展开模块-->
    <section id="zzz">
        <section class="main">
            <section class="x-main no">
                <section class="r-zhankai">
                    <ul>
                        <li><img src="img/sm/231.png" alt="" class="img"><span class="cpm">小米5c</span><span class="qianggou">选购</span></li>
                        <li><img src="img/sm/111.png" alt="" class="img"><span class="cpm">小米max</span><span class="qianggou">选购</span></li>
                        <li><img src="img/sm/115.png" alt="" class="img"><span class="cpm">小米note</span><span class="qianggou">选购</span></li>
                        <li><img src="img/sm/241.png" alt="" class="img"><span class="cpm">小米ac</span><span class="qianggou">选购</span></li>
                        <li><img src="img/sm/02.png" alt="" class="img"><span class="cpm">小米3s</span><span class="qianggou">选购</span></li>
                        <li><img src="img/sm/27.png" alt="" class="img"><span class="cpm">小米3</span><span class="qianggou">选购</span></li>
                    </ul>

                    <ul>
                        <li><img src="img/sm/231.png" alt="" class="img"><span class="cpm">小米5c</span><span class="qianggou">选购</span></li>
                        <li><img src="img/sm/111.png" alt="" class="img"><span class="cpm">小米max</span><span class="qianggou">选购</span></li>
                        <li><img src="img/sm/115.png" alt="" class="img"><span class="cpm">小米note</span><span class="qianggou">选购</span></li>
                        <li><img src="img/sm/241.png" alt="" class="img"><span class="cpm">小米ac</span><span class="qianggou">选购</span></li>
                        <li><img src="img/sm/02.png" alt="" class="img"><span class="cpm">小米3s</span><span class="qianggou">选购</span></li>
                        <li><img src="img/sm/27.png" alt="" class="img"><span class="cpm">小米3</span><span class="qianggou">选购</span></li>
                    </ul>
                    <ul>
                        <li><img src="img/sm/231.png" alt="" class="img"><span class="cpm">小米5c</span><span class="qianggou">选购</span></li>
                        <li><img src="img/sm/111.png" alt="" class="img"><span class="cpm">小米max</span><span class="qianggou">选购</span></li>
                        <li><img src="img/sm/115.png" alt="" class="img"><span class="cpm">小米note</span><span class="qianggou">选购</span></li>
                    </ul>
                </section>
            </section>
            <section class="x-main no">
                <section class="r-zhankai">
                    <ul>
                        <li><img src="img/sm/phone9.jpg" alt="" class="img"><span class="cpm">小米平板2</span><span class="qianggou">选购</span></li>
                        <li><img src="img/sm/171.png" alt="" class="img"><span class="cpm">小米笔记本</span><span class="qianggou">选购</span></li>
                        <li><img src="img/sm/126.png" alt="" class="img"><span class="cpm">小米笔记本2 14寸</span></li>
                        <li><img src="img/sm/76.png" alt="" class="img"><span class="cpm">小米ac</span></li>
                        <li><img src="img/sm/phone9.jpg" alt="" class="img"><span class="cpm">小米笔记本</span></li>
                        <li><img src="img/sm/126.png" alt="" class="img"><span class="cpm">小米平板2</span></li>
                    </ul>
                </section>
            </section>
            <section class="x-main no">
                <section class="r-zhankai">
                    <ul>
                        <li><img src="img/sm/52.png" alt="" class="img"><span class="cpm">小米电视</span> </li>
                        <li><img src="img/sm/53.png" alt="" class="img"><span class="cpm">小米电视2</span></li>
                        <li><img src="img/sm/54.png" alt="" class="img"><span class="cpm">小米电视 32寸</span></li>
                        <li><img src="img/sm/65.png" alt="" class="img"><span class="cpm">小米电视3</span></li>
                        <li><img src="img/sm/65.png" alt="" class="img"><span class="cpm">小米电视3 45寸</span></li>
                        <li><img src="img/sm/53.png" alt="" class="img"><span class="cpm">小米电视2x</span></li>
                    </ul>

                    <ul>
                        <li><img src="img/sm/82.png" alt="" class="img"><span class="cpm">小米盒子2a</span></li>
                        <li><img src="img/sm/92.png" alt="" class="img"><span class="cpm">小米盒子2</span></li>
                        <li><img src="img/sm/103.png" alt="" class="img"><span class="cpm">小米盒子2a</span></li>
                        <li><img src="img/sm/146.png" alt="" class="img"><span class="cpm">小米盒子wifi</span></li>
                        <li><img src="img/sm/product3-9.png" alt="" class="img"><span class="cpm">小米乐享</span></li>
                        <li><img src="img/sm/product4-15.png" alt="" class="img"><span class="cpm">小米家庭影院</span></li>
                    </ul>
                    <ul>
                        <li><img src="img/sm/product3-7.png" alt="" class="img"><span class="cpm">小米vr</span></li>
                        <li><img src="img/sm/product3-9.png" alt="" class="img"><span class="cpm">小米盒子ks</span></li>
                        <li><img src="img/sm/103.png" alt="" class="img"><span class="cpm">小米虚拟</span></li>
                    </ul>
                </section>
            </section>
            <section class="x-main no">
                <section class="r-zhankai">
                    <ul>
                        <li><img src="img/sm/box3.jpg" alt="" class="img"><span class="cpm">小米家庭路由</span> </li>
                        <li><img src="img/sm/172.png" alt="" class="img"><span class="cpm">小米路由2</span></li>
                        <li><img src="img/sm/124.png" alt="" class="img"><span class="cpm">小米随身wifi</span></li>
                        <li><img src="img/sm/58.jpg" alt="" class="img"><span class="cpm">小米wifi</span></li>
                    </ul>
                </section>
            </section>
            <section class="x-main no">
                <section class="r-zhankai">
                    <ul>
                        <li><img src="img/sm/38.png" alt="" class="img"><span class="cpm">小米彩虹五号电池</span> </li>
                        <li><img src="img/sm/31.png" alt="" class="img"><span class="cpm">小米9号平衡车</span></li>
                        <li><img src="img/sm/39.png" alt="" class="img"><span class="cpm">小米随身耳机</span></li>
                        <li><img src="img/sm/101.png" alt="" class="img"><span class="cpm">小米w智能机器人</span></li>
                        <li><img src="img/sm/145.png" alt="" class="img"><span class="cpm">小米儿童手表</span></li>
                        <li><img src="img/sm/173.png" alt="" class="img"><span class="cpm">小米双轮车</span></li>
                    </ul>
                </section>
            </section>
            <section class="x-main no">
                <section class="r-zhankai">
                    <ul>
                        <li><img src="img/sm/16.png" alt="" class="img"><span class="cpm">小米耳机</span><span class="qianggou">选购</span></li>
                        <li><img src="img/sm/19.png" alt="" class="img"><span class="cpm">小米蓝牙耳机</span></li>
                        <li><img src="img/sm/28.png" alt="" class="img"><span class="cpm">小米圈铁</span></li>
                        <li><img src="img/sm/39.png" alt="" class="img"><span class="cpm">小米轻享</span><span class="qianggou">选购</span></li>
                        <li><img src="img/sm/41.png" alt="" class="img"><span class="cpm">小米低音炮</span></li>
                        <li><img src="img/sm/23.png" alt="" class="img"><span class="cpm">小米低音炮1.0</span></li>
                    </ul>

                    <ul>
                        <li><img src="img/sm/49.png" alt="" class="img"><span class="cpm">小米家庭音响</span><span class="qianggou">选购</span></li>
                        <li><img src="img/sm/41.png" alt="" class="img"><span class="cpm">小米小钢炮</span><span class="qianggou">选购</span></li>
                        <li><img src="img/sm/139.png" alt="" class="img"><span class="cpm">小米pro</span></li>
                        <li><img src="img/sm/162.png" alt="" class="img"><span class="cpm">小米圈铁</span><span class="qianggou">选购</span></li>
                        <li><img src="img/sm/223.png" alt="" class="img"><span class="cpm">小米扣头</span></li>
                    </ul>
                </section>
            </section>
            <section class="x-main no">
                <section class="r-zhankai">
                    <ul>
                        <li><img src="img/sm/27.png" alt="" class="img"><span class="cpm">小米超清</span> </li>
                        <li><img src="img/sm/127.png" alt="" class="img"><span class="cpm">小米磨砂</span></li>
                        <li><img src="img/sm/130.png" alt="" class="img"><span class="cpm">小米钢化</span></li>
                        <li><img src="img/sm/155.png" alt="" class="img"><span class="cpm">小米5超清</span></li>
                        <li><img src="img/sm/156.png" alt="" class="img"><span class="cpm">小米5镜面</span></li>
                        <li><img src="img/sm/157.png" alt="" class="img"><span class="cpm">小米5护眼</span></li>
                    </ul>
                </section>
            </section>
            <section class="x-main no">
                <section class="r-zhankai">
                    <ul>
                        <li><img src="img/sm/159.png" alt="" class="img"><span class="cpm">小米支架</span> </li>
                        <li><img src="img/sm/188.png" alt="" class="img"><span class="cpm">小米数据线</span></li>
                        <li><img src="img/sm/218.png" alt="" class="img"><span class="cpm">小米防脱绳</span></li>
                        <li><img src="img/sm/81.png" alt="" class="img"><span class="cpm">小米32G储存卡</span></li>
                    </ul>
                </section>
            </section>
            <section class="x-main no">
                <section class="r-zhankai">
                    <ul>
                        <li><img src="img/sm/15.png" alt="" class="img"><span class="cpm">小米超清</span> </li>
                        <li><img src="img/sm/21.png" alt="" class="img"><span class="cpm">小米磨砂</span></li>
                        <li><img src="img/sm/34.png" alt="" class="img"><span class="cpm">小米钢化</span></li>
                        <li><img src="img/sm/35.png" alt="" class="img"><span class="cpm">小米5超清</span></li>
                        <li><img src="img/sm/191.png" alt="" class="img"><span class="cpm">小米5镜面</span></li>
                        <li><img src="img/sm/194.png" alt="" class="img"><span class="cpm">小米5护眼</span></li>
                    </ul>
                </section>

            </section>
            <section class="x-main no">
                <section class="r-zhankai">
                    <ul>
                        <li><img src="img/sm/07.png" alt="" class="img"><span class="cpm">小米春装</span> </li>
                        <li><img src="img/sm/143.png" alt="" class="img"><span class="cpm">小米腕带</span></li>
                        <li><img src="img/sm/213.png" alt="" class="img"><span class="cpm">小米T恤</span></li>
                        <li><img src="img/sm/199.png" alt="" class="img"><span class="cpm">小米T恤周年版</span></li>
                    </ul>
                </section>
            </section>
        </section>
    </section>

    <!--一元购等-->
    <section class="yyg">
        <section class="main xsd">
            <div class="liukuai">
                <div>
                    <span>
                        <div class="t1"></div>
                        <div>选购手机</div>
                    </span>
                    <span>
                        <div class="t2"></div>
                        <div>企业团购</div>
                    </span>
                    <span>
                        <div class="t3"></div>
                        <div>一元活动</div>
                    </span>
                </div>
                <div>
                    <span>
                        <div class="t4"></div>
                        <div>小米移动</div>
                    </span>
                    <span>
                        <div class="t5"></div>
                        <div>以旧换新</div>
                    </span>
                    <span>
                        <div class="t6"></div>
                        <div>话费充值</div>
                    </span>
                </div>
            </div>
            <img src="img/sm/235.png" alt="">
            <img src="img/sm/xmad_14875757172024_bjSpf.webp" alt="">
            <img src="img/sm/xmad_14893782560252_vQCNa.webp" alt="">
        </section>
    </section>

    <!--小米明星单品-->
    <section class="xmmxdp">
        <section class="main mxdp">
            <div class="mx-header">
                <h2>小米明星单品</h2>
                <div class="mx-aj">
                    <span class="qian j"><</span>
                    <span class="hou j">></span>
                </div>
            </div>
            <section class="zyhd">
                <div class="lcy">
                    <section class="h1 h">
                        <div>
                            <img src="img/1.png" alt="">
                            <div class="mxmc">红米note 4x</div>
                            <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                            <div class="mxjg">169元</div>
                        </div>
                        <div>
                            <img src="img/2.png" alt="">
                            <div class="mxmc">小米电视3s 48英寸</div>
                            <div class="mxjj">原装液晶屏 金属机身</div>
                            <div class="mxjg">2599元</div>
                        </div>
                        <div>
                            <img src="img/3.png" alt="">
                            <div class="mxmc">小米移动电源2</div>
                            <div class="mxjj">双向快充，高密度锂聚合物电芯</div>
                            <div class="mxjg">79元</div>
                        </div>
                        <div>
                            <img src="img/4.png" alt="">
                            <div class="mxmc">小米手环2</div>
                            <div class="mxjj">OLED 显示屏幕，升级计步算法</div>
                            <div class="mxjg">149元</div>
                        </div>
                        <div>
                            <img src="img/5.jpg" alt="">
                            <div class="mxmc">小米净水器 橱下式</div>
                            <div class="mxjj">直出纯净水，隐藏式安装</div>
                            <div class="mxjg">1999元</div>
                        </div>
                    </section>
                    <section class="h1 h h2">
                        <div>
                            <img src="img/6.webp" alt="">
                            <div class="mxmc">米家LED 智能台灯</div>
                            <div class="mxjj">无可视频闪，亮度色温无级调节</div>
                            <div class="mxjg">169元</div>
                        </div>
                        <div>
                            <img src="img/7.png" alt="">
                            <div class="mxmc">米家血压计</div>
                            <div class="mxjj">爸妈上手就会用的智能血压计</div>
                            <div class="mxjg">399元</div>
                        </div>
                        <div>
                            <img src="img/8.png" alt="">
                            <div class="mxmc">小米路由器3</div>
                            <div class="mxjj">更快更强，不止四天线</div>
                            <div class="mxjg">79元</div>
                        </div>
                        <div>
                            <img src="img/9.png" alt="">
                            <div class="mxmc">小米活塞耳机 清新版</div>
                            <div class="mxjj">铝合金音腔，第三代平衡阻尼系统</div>
                            <div class="mxjg">29元</div>
                        </div>
                        <div>
                            <img src="img/10.jpg" alt="">
                            <div class="mxmc">小米体重秤</div>
                            <div class="mxjj">100克，喝杯水都可感知的精准</div>
                            <div class="mxjg">99元</div>
                        </div>
                    </section>
                </div>
            </section>
        </section>
    </section>
    <!--home main-->
    <main class="home">
        <section class="main znyj-header">
            <h2>智能硬件</h2>
            <div>
                <span>查看全部</span>
                <span><img src="img/jt.png" alt=""></span>
            </div>
        </section>
        <section class="main znyj">
            <div class="znl"></div>
            <div class="zny">
                <div>
                    <div class="xinpin x1">新品</div>
                    <img src="img/12.webp" alt="">
                    <div class="mxmc">红米note 4x</div>
                    <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                    <div class="mxjg">169元</div>

                </div>
                <div>
                    <img src="img/13.webp" alt="">
                    <div class="mxmc">红米note 4x</div>
                    <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                    <div class="mxjg">169元</div>
                </div>
                <div>
                    <img src="img/14.webp" alt="">
                    <div class="mxmc">红米note 4x</div>
                    <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                    <div class="mxjg">169元</div>
                </div>
                <div>
                    <img src="img/15.jpg" alt="">
                    <div class="mxmc">红米note 4x</div>
                    <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                    <div class="mxjg">169元</div>
                </div>
                <div>
                    <img src="img/16.webp" alt="">
                    <div class="mxmc">红米note 4x</div>
                    <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                    <div class="mxjg">169元</div>
                </div>
                <div>
                    <img src="img/161.webp" alt="">
                    <div class="mxmc">红米note 4x</div>
                    <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                    <div class="mxjg">169元</div>
                </div>
                <div>
                    <div class="xinpin x1">新品</div>
                    <img src="img/17.webp" alt="">
                    <div class="mxmc">红米note 4x</div>
                    <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                    <div class="mxjg">169元</div>
                </div>
                <div>
                    <div class="xinpin x1">新品</div>
                    <img src="img/18.webp" alt="">
                    <div class="mxmc">红米note 4x</div>
                    <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                    <div class="mxjg">169元</div>
                </div>
            </div>
        </section>
        <!--搭配-->
        <section class="main znyj-header">
            <h2>搭配</h2>
            <section>
                <span class="span-hover">热门</span>
                <span>耳机音箱</span>
                <span>电源</span>
                <span>电池储存卡</span>
            </section>
        </section>
        <section class="main znyj">
            <div class="znl1">
                <div class="k2-m1">
                    <img src="img/xmly.webp" alt="">
                </div>
                <div class="k2-m2">
                    <img src="img/xmly2.webp" alt="">
                </div>
            </div>
            <div>
                <div class="zny kkk ">
                    <div>
                        <img src="img/12.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                        <div class="pl">
                            <p>不出挺好，有意思，等了好久</p>
                            <p>来自 121254628 的评论</p>
                        </div>
                    </div>
                    <div>
                        <img src="img/13.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                    </div>
                    <div>
                        <img src="img/14.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                    </div>
                    <div>
                        <img src="img/15.jpg" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                        <div class="pl">
                            <p>很好，超级意思，抢了好久的</p>
                            <p>来自 喵喵 的评论</p>
                        </div>
                    </div>
                    <div>
                        <img src="img/16.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                    </div>
                    <div>
                        <img src="img/161.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                        <div class="pl">
                            <p>很好，超级意思，抢了好久的</p>
                            <p>来自 喵喵 的评论</p>
                        </div>
                    </div>
                    <div>
                        <img src="img/17.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                        <div class="pl">
                            <p>很好，超级意思，抢了好久的</p>
                            <p>来自 喵喵 的评论</p>
                        </div>
                    </div>
                    <section class="section">
                        <div class="sm1 sm11">
                            <div>
                                <div>
                                    <div>小米小钢炮...</div>
                                    <div>129元</div>
                                </div>
                                <img src="img/m1.webp" alt="">
                            </div>
                        </div>
                        <div class="sm1 sm22">
                            <div>
                                <div>
                                    <div id="gd">浏览更多</div>
                                    <div id="rm">热门</div>
                                </div>
                                <img id="gdt" src="img/skip.png" alt="">
                            </div>
                        </div>
                    </section>
                </div>
                <div class="zny kkk no">
                    <div>
                        <img src="img/21.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                        <div class="pl">
                            <p>不出挺好，有意思，等了好久</p>
                            <p>来自 121254628 的评论</p>
                        </div>
                    </div>
                    <div>
                        <img src="img/22.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                    </div>
                    <div>
                        <img src="img/23.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                    </div>
                    <div>
                        <img src="img/24.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                        <div class="pl">
                            <p>很好，超级意思，抢了好久的</p>
                            <p>来自 喵喵 的评论</p>
                        </div>
                    </div>
                    <div>
                        <img src="img/25.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                        <div class="pl">
                            <p>很好，超级意思，抢了好久的</p>
                            <p>来自 喵喵 的评论</p>
                        </div>
                    </div>
                    <div>
                        <img src="img/26.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                        <div class="pl">
                            <p>很好，超级意思，抢了好久的</p>
                            <p>来自 喵喵 的评论</p>
                        </div>
                    </div>
                    <div>
                        <img src="img/27.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                        <div class="pl">
                            <p>很好，超级意思，抢了好久的</p>
                            <p>来自 喵喵 的评论</p>
                        </div>
                    </div>
                    <section class="section">
                        <div class="sm1 sm11">
                            <div>
                                <div>
                                    <div>小米小钢炮...</div>
                                    <div>129元</div>
                                </div>
                                <img src="img/28.webp" alt="">
                            </div>
                        </div>
                        <div class="sm1 sm22">
                            <div>
                                <div>
                                    <div id="gd">浏览更多</div>
                                    <div id="rm">热门</div>
                                </div>
                                <img id="gdt" src="img/skip.png" alt="">
                            </div>
                        </div>
                    </section>
                </div>
                <div class="zny kkk no">
                    <div>
                        <img src="img/31.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                        <div class="pl">
                            <p>不出挺好，有意思，等了好久</p>
                            <p>来自 121254628 的评论</p>
                        </div>
                    </div>
                    <div>
                        <img src="img/32.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                    </div>
                    <div>
                        <img src="img/33.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                    </div>
                    <div>
                        <img src="img/34.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                        <div class="pl">
                            <p>很好，超级意思，抢了好久的</p>
                            <p>来自 喵喵 的评论</p>
                        </div>
                    </div>
                    <div>
                        <img src="img/35.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                        <div class="pl">
                            <p>很好，超级意思，抢了好久的</p>
                            <p>来自 喵喵 的评论</p>
                        </div>
                    </div>
                    <div>
                        <img src="img/36.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                        <div class="pl">
                            <p>很好，超级意思，抢了好久的</p>
                            <p>来自 喵喵 的评论</p>
                        </div>
                    </div>
                    <div>
                        <img src="img/37.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                        <div class="pl">
                            <p>很好，超级意思，抢了好久的</p>
                            <p>来自 喵喵 的评论</p>
                        </div>
                    </div>
                    <section class="section">
                        <div class="sm1 sm11">
                            <div>
                                <div>
                                    <div>小米小钢炮...</div>
                                    <div>129元</div>
                                </div>
                                <img src="img/38.webp" alt="">
                            </div>
                        </div>
                        <div class="sm1 sm22">
                            <div>
                                <div>
                                    <div id="gd">浏览更多</div>
                                    <div id="rm">热门</div>
                                </div>
                                <img id="gdt" src="img/skip.png" alt="">
                            </div>
                        </div>
                    </section>
                </div>
                <div class="zny kkk no">
                    <div>
                        <img src="img/41.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                        <div class="pl">
                            <p>不出挺好，有意思，等了好久</p>
                            <p>来自 121254628 的评论</p>
                        </div>
                    </div>
                    <div>
                        <img src="img/42.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                    </div>
                    <div>
                        <img src="img/43.jpg" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                    </div>
                    <div>
                        <img src="img/44.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                        <div class="pl">
                            <p>很好，超级意思，抢了好久的</p>
                            <p>来自 喵喵 的评论</p>
                        </div>
                    </div>
                    <div>
                        <img src="img/45.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                        <div class="pl">
                            <p>很好，超级意思，抢了好久的</p>
                            <p>来自 喵喵 的评论</p>
                        </div>
                    </div>
                    <div>
                        <img src="img/46.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                        <div class="pl">
                            <p>很好，超级意思，抢了好久的</p>
                            <p>来自 喵喵 的评论</p>
                        </div>
                    </div>
                    <div>
                        <img src="img/47.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                        <div class="pl">
                            <p>很好，超级意思，抢了好久的</p>
                            <p>来自 喵喵 的评论</p>
                        </div>
                    </div>
                    <section class="section">
                        <div class="sm1 sm11">
                            <div>
                                <div>
                                    <div>小米小钢炮...</div>
                                    <div>129元</div>
                                </div>
                                <img src="img/48.webp" alt="">
                            </div>
                        </div>
                        <div class="sm1 sm22">
                            <div>
                                <div>
                                    <div id="gd">浏览更多</div>
                                    <div id="rm">热门</div>
                                </div>
                                <img id="gdt" src="img/skip.png" alt="">
                            </div>
                        </div>
                    </section>
                </div>
            </div>
        </section>

        <!--配件-->
        <section class="main znyj-header">
            <h2>配件</h2>
            <section>
                <span class="span-hover">热门</span>
                <span>保护套</span>
                <span>贴膜</span>
                <span>其他配件</span>
            </section>
        </section>
        <section class="main znyj">
            <div class="znl1">
                <div class="k2-m1">
                    <img src="img/配件/h1.jpg" alt="">
                </div>
                <div class="k2-m2">
                    <img src="img/配件/h2.webp" alt="">
                </div>
            </div>
            <div>
                <div class="zny kkk ">
                    <div>
                        <div class="xinpin x1">新品</div>
                        <img src="img/配件/1.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                        <div class="pl">
                            <p>不出挺好，有意思，等了好久</p>
                            <p>来自 121254628 的评论</p>
                        </div>
                    </div>
                    <div>
                        <img src="img/配件/2.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                    </div>
                    <div>
                        <img src="img/配件/3.jpg" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                    </div>
                    <div>
                        <img src="img/配件/4.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                        <div class="pl">
                            <p>很好，超级意思，抢了好久的</p>
                            <p>来自 喵喵 的评论</p>
                        </div>
                    </div>
                    <div>
                        <img src="img/配件/5.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                    </div>
                    <div>
                        <div class="xinpin x1" style="background-color: #ff6300">享受6折</div>
                        <img src="img/配件/6.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                        <div class="pl">
                            <p>很好，超级意思，抢了好久的</p>
                            <p>来自 喵喵 的评论</p>
                        </div>
                    </div>
                    <div>
                        <img src="img/配件/7.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                        <div class="pl">
                            <p>很好，超级意思，抢了好久的</p>
                            <p>来自 喵喵 的评论</p>
                        </div>
                    </div>
                    <section class="section">
                        <div class="sm1 sm11">
                            <div>
                                <div>
                                    <div>小米小钢炮...</div>
                                    <div>129元</div>
                                </div>
                                <img src="img/m1.webp" alt="">
                            </div>
                        </div>
                        <div class="sm1 sm22">
                            <div>
                                <div>
                                    <div id="gd">浏览更多</div>
                                    <div id="rm">热门</div>
                                </div>
                                <img id="gdt" src="img/skip.png" alt="">
                            </div>
                        </div>
                    </section>
                </div>
                <div class="zny kkk no">
                    <div>
                        <img src="img/21.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                        <div class="pl">
                            <p>不出挺好，有意思，等了好久</p>
                            <p>来自 121254628 的评论</p>
                        </div>
                    </div>
                    <div>
                        <img src="img/22.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                    </div>
                    <div>
                        <img src="img/23.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                    </div>
                    <div>
                        <img src="img/24.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                        <div class="pl">
                            <p>很好，超级意思，抢了好久的</p>
                            <p>来自 喵喵 的评论</p>
                        </div>
                    </div>
                    <div>
                        <img src="img/25.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                        <div class="pl">
                            <p>很好，超级意思，抢了好久的</p>
                            <p>来自 喵喵 的评论</p>
                        </div>
                    </div>
                    <div>
                        <img src="img/26.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                        <div class="pl">
                            <p>很好，超级意思，抢了好久的</p>
                            <p>来自 喵喵 的评论</p>
                        </div>
                    </div>
                    <div>
                        <img src="img/27.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                        <div class="pl">
                            <p>很好，超级意思，抢了好久的</p>
                            <p>来自 喵喵 的评论</p>
                        </div>
                    </div>
                    <section class="section">
                        <div class="sm1 sm11">
                            <div>
                                <div>
                                    <div>小米小钢炮...</div>
                                    <div>129元</div>
                                </div>
                                <img src="img/28.webp" alt="">
                            </div>
                        </div>
                        <div class="sm1 sm22">
                            <div>
                                <div>
                                    <div id="gd">浏览更多</div>
                                    <div id="rm">热门</div>
                                </div>
                                <img id="gdt" src="img/skip.png" alt="">
                            </div>
                        </div>
                    </section>
                </div>
                <div class="zny kkk no">
                    <div>
                        <img src="img/31.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                        <div class="pl">
                            <p>不出挺好，有意思，等了好久</p>
                            <p>来自 121254628 的评论</p>
                        </div>
                    </div>
                    <div>
                        <img src="img/32.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                    </div>
                    <div>
                        <img src="img/33.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                    </div>
                    <div>
                        <img src="img/34.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                        <div class="pl">
                            <p>很好，超级意思，抢了好久的</p>
                            <p>来自 喵喵 的评论</p>
                        </div>
                    </div>
                    <div>
                        <img src="img/35.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                        <div class="pl">
                            <p>很好，超级意思，抢了好久的</p>
                            <p>来自 喵喵 的评论</p>
                        </div>
                    </div>
                    <div>
                        <img src="img/36.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                        <div class="pl">
                            <p>很好，超级意思，抢了好久的</p>
                            <p>来自 喵喵 的评论</p>
                        </div>
                    </div>
                    <div>
                        <img src="img/37.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                        <div class="pl">
                            <p>很好，超级意思，抢了好久的</p>
                            <p>来自 喵喵 的评论</p>
                        </div>
                    </div>
                    <section class="section">
                        <div class="sm1 sm11">
                            <div>
                                <div>
                                    <div>小米小钢炮...</div>
                                    <div>129元</div>
                                </div>
                                <img src="img/38.webp" alt="">
                            </div>
                        </div>
                        <div class="sm1 sm22">
                            <div>
                                <div>
                                    <div id="gd">浏览更多</div>
                                    <div id="rm">热门</div>
                                </div>
                                <img id="gdt" src="img/skip.png" alt="">
                            </div>
                        </div>
                    </section>
                </div>
                <div class="zny kkk no">
                    <div>
                        <img src="img/41.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                        <div class="pl">
                            <p>不出挺好，有意思，等了好久</p>
                            <p>来自 121254628 的评论</p>
                        </div>
                    </div>
                    <div>
                        <img src="img/42.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                    </div>
                    <div>
                        <img src="img/43.jpg" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                    </div>
                    <div>
                        <img src="img/44.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                        <div class="pl">
                            <p>很好，超级意思，抢了好久的</p>
                            <p>来自 喵喵 的评论</p>
                        </div>
                    </div>
                    <div>
                        <img src="img/45.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                        <div class="pl">
                            <p>很好，超级意思，抢了好久的</p>
                            <p>来自 喵喵 的评论</p>
                        </div>
                    </div>
                    <div>
                        <img src="img/46.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                        <div class="pl">
                            <p>很好，超级意思，抢了好久的</p>
                            <p>来自 喵喵 的评论</p>
                        </div>
                    </div>
                    <div>
                        <img src="img/47.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                        <div class="pl">
                            <p>很好，超级意思，抢了好久的</p>
                            <p>来自 喵喵 的评论</p>
                        </div>
                    </div>
                    <section class="section">
                        <div class="sm1 sm11">
                            <div>
                                <div>
                                    <div>小米小钢炮...</div>
                                    <div>129元</div>
                                </div>
                                <img src="img/48.webp" alt="">
                            </div>
                        </div>
                        <div class="sm1 sm22">
                            <div>
                                <div>
                                    <div id="gd">浏览更多</div>
                                    <div id="rm">热门</div>
                                </div>
                                <img id="gdt" src="img/skip.png" alt="">
                            </div>
                        </div>
                    </section>
                </div>
            </div>
        </section>

        <!--周边-->
        <section class="main znyj-header">
            <h2>周边</h2>
            <section>
                <span class="span-hover">热门</span>
                <span>服装</span>
                <span>米兔</span>
                <span>生活周边</span>
                <span>箱包</span>
            </section>
        </section>
        <section class="main znyj">
            <div class="znl1">
                <div class="k2-m1">
                    <img src="img/配件/2h1.webp" alt="">
                </div>
                <div class="k2-m2">
                    <img src="img/配件/2h2.webp" alt="">
                </div>
            </div>
            <div>
                <div class="zny kkk ">
                    <div>
                        <div class="xinpin x1">新品</div>
                        <img src="img/配件/21.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                        <div class="pl">
                            <p>不出挺好，有意思，等了好久</p>
                            <p>来自 121254628 的评论</p>
                        </div>
                    </div>
                    <div>
                        <img src="img/配件/22.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                    </div>
                    <div>
                        <img src="img/配件/23.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                    </div>
                    <div>
                        <img src="img/配件/24.jpg" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                        <div class="pl">
                            <p>很好，超级意思，抢了好久的</p>
                            <p>来自 喵喵 的评论</p>
                        </div>
                    </div>
                    <div>
                        <img src="img/配件/25.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                    </div>
                    <div>
                        <div class="xinpin x1" style="background-color: #ff6300">享受6折</div>
                        <img src="img/配件/26.jpg" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                        <div class="pl">
                            <p>很好，超级意思，抢了好久的</p>
                            <p>来自 喵喵 的评论</p>
                        </div>
                    </div>
                    <div>
                        <img src="img/配件/27.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                        <div class="pl">
                            <p>很好，超级意思，抢了好久的</p>
                            <p>来自 喵喵 的评论</p>
                        </div>
                    </div>
                    <section class="section">
                        <div class="sm1 sm11">
                            <div>
                                <div>
                                    <div>小米小钢炮...</div>
                                    <div>129元</div>
                                </div>
                                <img src="img/28.webp" alt="">
                            </div>
                        </div>
                        <div class="sm1 sm22">
                            <div>
                                <div>
                                    <div id="gd">浏览更多</div>
                                    <div id="rm">热门</div>
                                </div>
                                <img id="gdt" src="img/skip.png" alt="">
                            </div>
                        </div>
                    </section>
                </div>
                <div class="zny kkk no">
                    <div>
                        <img src="img/21.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                        <div class="pl">
                            <p>不出挺好，有意思，等了好久</p>
                            <p>来自 121254628 的评论</p>
                        </div>
                    </div>
                    <div>
                        <img src="img/22.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                    </div>
                    <div>
                        <img src="img/23.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                    </div>
                    <div>
                        <img src="img/24.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                        <div class="pl">
                            <p>很好，超级意思，抢了好久的</p>
                            <p>来自 喵喵 的评论</p>
                        </div>
                    </div>
                    <div>
                        <img src="img/25.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                        <div class="pl">
                            <p>很好，超级意思，抢了好久的</p>
                            <p>来自 喵喵 的评论</p>
                        </div>
                    </div>
                    <div>
                        <img src="img/26.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                        <div class="pl">
                            <p>很好，超级意思，抢了好久的</p>
                            <p>来自 喵喵 的评论</p>
                        </div>
                    </div>
                    <div>
                        <img src="img/27.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                        <div class="pl">
                            <p>很好，超级意思，抢了好久的</p>
                            <p>来自 喵喵 的评论</p>
                        </div>
                    </div>
                    <section class="section">
                        <div class="sm1 sm11">
                            <div>
                                <div>
                                    <div>小米小钢炮...</div>
                                    <div>129元</div>
                                </div>
                                <img src="img/28.webp" alt="">
                            </div>
                        </div>
                        <div class="sm1 sm22">
                            <div>
                                <div>
                                    <div id="gd">浏览更多</div>
                                    <div id="rm">热门</div>
                                </div>
                                <img id="gdt" src="img/skip.png" alt="">
                            </div>
                        </div>
                    </section>
                </div>
                <div class="zny kkk no">
                    <div>
                        <img src="img/31.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                        <div class="pl">
                            <p>不出挺好，有意思，等了好久</p>
                            <p>来自 121254628 的评论</p>
                        </div>
                    </div>
                    <div>
                        <img src="img/32.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                    </div>
                    <div>
                        <img src="img/33.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                    </div>
                    <div>
                        <img src="img/34.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                        <div class="pl">
                            <p>很好，超级意思，抢了好久的</p>
                            <p>来自 喵喵 的评论</p>
                        </div>
                    </div>
                    <div>
                        <img src="img/35.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                        <div class="pl">
                            <p>很好，超级意思，抢了好久的</p>
                            <p>来自 喵喵 的评论</p>
                        </div>
                    </div>
                    <div>
                        <img src="img/36.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                        <div class="pl">
                            <p>很好，超级意思，抢了好久的</p>
                            <p>来自 喵喵 的评论</p>
                        </div>
                    </div>
                    <div>
                        <img src="img/37.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                        <div class="pl">
                            <p>很好，超级意思，抢了好久的</p>
                            <p>来自 喵喵 的评论</p>
                        </div>
                    </div>
                    <section class="section">
                        <div class="sm1 sm11">
                            <div>
                                <div>
                                    <div>小米小钢炮...</div>
                                    <div>129元</div>
                                </div>
                                <img src="img/38.webp" alt="">
                            </div>
                        </div>
                        <div class="sm1 sm22">
                            <div>
                                <div>
                                    <div id="gd">浏览更多</div>
                                    <div id="rm">热门</div>
                                </div>
                                <img id="gdt" src="img/skip.png" alt="">
                            </div>
                        </div>
                    </section>
                </div>
                <div class="zny kkk no">
                    <div>
                        <img src="img/41.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                        <div class="pl">
                            <p>不出挺好，有意思，等了好久</p>
                            <p>来自 121254628 的评论</p>
                        </div>
                    </div>
                    <div>
                        <img src="img/42.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                    </div>
                    <div>
                        <img src="img/43.jpg" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                    </div>
                    <div>
                        <img src="img/44.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                        <div class="pl">
                            <p>很好，超级意思，抢了好久的</p>
                            <p>来自 喵喵 的评论</p>
                        </div>
                    </div>
                    <div>
                        <img src="img/45.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                        <div class="pl">
                            <p>很好，超级意思，抢了好久的</p>
                            <p>来自 喵喵 的评论</p>
                        </div>
                    </div>
                    <div>
                        <img src="img/46.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                        <div class="pl">
                            <p>很好，超级意思，抢了好久的</p>
                            <p>来自 喵喵 的评论</p>
                        </div>
                    </div>
                    <div>
                        <img src="img/47.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                        <div class="pl">
                            <p>很好，超级意思，抢了好久的</p>
                            <p>来自 喵喵 的评论</p>
                        </div>
                    </div>
                    <section class="section">
                        <div class="sm1 sm11">
                            <div>
                                <div>
                                    <div>小米小钢炮...</div>
                                    <div>129元</div>
                                </div>
                                <img src="img/48.webp" alt="">
                            </div>
                        </div>
                        <div class="sm1 sm22">
                            <div>
                                <div>
                                    <div id="gd">浏览更多</div>
                                    <div id="rm">热门</div>
                                </div>
                                <img id="gdt" src="img/skip.png" alt="">
                            </div>
                        </div>
                    </section>
                </div>
                <div class="zny kkk no">
                    <div>
                        <img src="img/31.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                        <div class="pl">
                            <p>不出挺好，有意思，等了好久</p>
                            <p>来自 121254628 的评论</p>
                        </div>
                    </div>
                    <div>
                        <img src="img/32.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                    </div>
                    <div>
                        <img src="img/33.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                    </div>
                    <div>
                        <img src="img/34.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                        <div class="pl">
                            <p>很好，超级意思，抢了好久的</p>
                            <p>来自 喵喵 的评论</p>
                        </div>
                    </div>
                    <div>
                        <img src="img/35.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                        <div class="pl">
                            <p>很好，超级意思，抢了好久的</p>
                            <p>来自 喵喵 的评论</p>
                        </div>
                    </div>
                    <div>
                        <img src="img/36.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                        <div class="pl">
                            <p>很好，超级意思，抢了好久的</p>
                            <p>来自 喵喵 的评论</p>
                        </div>
                    </div>
                    <div>
                        <img src="img/37.webp" alt="">
                        <div class="mxmc">红米note 4x</div>
                        <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                        <div class="mxjg">169元</div>
                        <div class="pl">
                            <p>很好，超级意思，抢了好久的</p>
                            <p>来自 喵喵 的评论</p>
                        </div>
                    </div>
                    <section class="section">
                        <div class="sm1 sm11">
                            <div>
                                <div>
                                    <div>小米小钢炮...</div>
                                    <div>129元</div>
                                </div>
                                <img src="img/38.webp" alt="">
                            </div>
                        </div>
                        <div class="sm1 sm22">
                            <div>
                                <div>
                                    <div id="gd">浏览更多</div>
                                    <div id="rm">热门</div>
                                </div>
                                <img id="gdt" src="img/skip.png" alt="">
                            </div>
                        </div>
                    </section>
                </div>
            </div>
        </section>

        <!--为你推荐-->
        <section class="main mxdp">
            <div class="mx-header">
                <h2>为你推荐</h2>
                <div class="mx-aj">
                    <span class="qian j"><</span>
                    <span class="hou j">></span>
                </div>
            </div>
            <section class="zyhd">
                <div class="lcy">
                    <section class="h1 h">
                        <div>
                            <img src="img/1.png" alt="">
                            <div class="mxmc">红米note 4x</div>
                            <div class="mxjj">4100mAh超长续航，骁龙625处理器</div>
                            <div class="mxjg">169元</div>
                        </div>
                        <div>
                            <img src="img/2.png" alt="">
                            <div class="mxmc">小米电视3s 48英寸</div>
                            <div class="mxjj">原装液晶屏 金属机身</div>
                            <div class="mxjg">2599元</div>
                        </div>
                        <div>
                            <img src="img/3.png" alt="">
                            <div class="mxmc">小米移动电源2</div>
                            <div class="mxjj">双向快充，高密度锂聚合物电芯</div>
                            <div class="mxjg">79元</div>
                        </div>
                        <div>
                            <img src="img/4.png" alt="">
                            <div class="mxmc">小米手环2</div>
                            <div class="mxjj">OLED 显示屏幕，升级计步算法</div>
                            <div class="mxjg">149元</div>
                        </div>
                        <div>
                            <img src="img/5.jpg" alt="">
                            <div class="mxmc">小米净水器 橱下式</div>
                            <div class="mxjj">直出纯净水，隐藏式安装</div>
                            <div class="mxjg">1999元</div>
                        </div>
                    </section>
                    <section class="h1 h h2">
                        <div>
                            <img src="img/6.webp" alt="">
                            <div class="mxmc">米家LED 智能台灯</div>
                            <div class="mxjj">无可视频闪，亮度色温无级调节</div>
                            <div class="mxjg">169元</div>
                        </div>
                        <div>
                            <img src="img/7.png" alt="">
                            <div class="mxmc">米家血压计</div>
                            <div class="mxjj">爸妈上手就会用的智能血压计</div>
                            <div class="mxjg">399元</div>
                        </div>
                        <div>
                            <img src="img/8.png" alt="">
                            <div class="mxmc">小米路由器3</div>
                            <div class="mxjj">更快更强，不止四天线</div>
                            <div class="mxjg">79元</div>
                        </div>
                        <div>
                            <img src="img/9.png" alt="">
                            <div class="mxmc">小米活塞耳机 清新版</div>
                            <div class="mxjj">铝合金音腔，第三代平衡阻尼系统</div>
                            <div class="mxjg">29元</div>
                        </div>
                        <div>
                            <img src="img/10.jpg" alt="">
                            <div class="mxmc">小米体重秤</div>
                            <div class="mxjj">100克，喝杯水都可感知的精准</div>
                            <div class="mxjg">99元</div>
                        </div>
                    </section>
                </div>
            </section>
        </section>

        <!--热评产品-->
        <section class="main rpcp">
            <section class="main znyj-header df">
                <h2>热评产品</h2>
            </section>
            <ul>
                <li>
                    <img src="img/reping/1.jpg" alt="">
                    <p class="p">这箱子很好，外观漂亮，实用性强。很轻，有点软但不影响它的坚固。</p>
                    <div class="laizi">来自于 爱疯911 的评价</div>
                    <div class="kk">
                        <span class="rpm">90分旅行箱 20寸</span>
                        <span class="shuxian">|</span>
                        <span class="jg">1299元</span>
                    </div>
                </li>
                <li>
                    <img src="img/reping/2.webp" alt="">
                    <p class="p">这箱子很好，外观漂亮，实用性强。很轻，有点软但不影响它的坚固。</p>
                    <div class="laizi">来自于 爱疯911 的评价</div>
                    <div class="kk">
                        <span class="rpm">90分旅行箱 20寸</span>
                        <span class="shuxian">|</span>
                        <span class="jg">1299元</span>
                    </div>
                </li>
                <li>
                    <img src="img/reping/3.jpg" alt="">
                    <p class="p">超级喜欢！小巧玲珑！音质完美！不知道为什么！只要是小米出的东西我都喜欢！</p>
                    <div class="laizi">来自于 田密 的评价</div>
                    <div class="kk">
                        <span class="rpm">小米随身蓝牙音箱 </span>
                        <span class="shuxian">|</span>
                        <span class="jg">69元</span>
                    </div>
                </li>
                <li>
                    <img src="img/reping/4.webp" alt="">
                    <p class="p">有了它，妈妈再也不用担心我喝不到健康的水了。呵呵，良心产品</p>
                    <div class="laizi">来自于 爱疯911 的评价</div>
                    <div class="kk">
                        <span class="rpm">小米净水器</span>
                        <span class="shuxian">|</span>
                        <span class="jg">1299元</span>
                    </div>
                </li>
            </ul>
        </section>
        <!--内容-->
        <section class="main rpcp">
            <section class="main znyj-header df">
                <h2>内容</h2>
            </section>
            <ul class="ul">
                <li>
                    <span style="color: #ffac13">图书</span>
                    <span class="qian12"><</span>
                    <span class="hou12">></span>
                    <div>
                        <div>
                            <div class="shum">哈利·波特与被诅咒的孩子</div>
                            <span class="shujj">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</span>
                            <div class="shuj">29.37元</div>
                            <img id="shut" src="img/tushu/1.webp" alt="">

                        </div>
                        <div class="d2">
                            <div class="shum">好吗好吗 </div>
                            <span class="shujj">畅销作家大冰2016年新书！讲给你听，好吗好的！</span>
                            <div class="shuj">17.99元</div>
                            <img id="shut" src="img/tushu/2.webp" alt="">
                        </div>
                        <div class="d2">
                            <div class="shum">&nbsp</div>
                            <span class="shujj z">海量好书，享受精品阅读时光漂亮的中文排版，千万读者选择！</span>
                            <div class="qianw">前往多看阅读</div>
                            <img id="shut" src="img/tushu/3.jpg" alt="">
                        </div>

                    </div>
                    <section class="dian">
                        <span class="jia"></span>
                        <span></span>
                        <span></span>
                    </section>
                </li>
                <li>
                    <span style="color: #83c44e">MIUI 主题</span>
                    <span class="qian12"><</span>
                    <span class="hou12">></span>
                    <div>
                        <div>
                            <div class="shum">我心澎湃【烫金版】</div>
                            <span class="shujj">我心澎湃【烫金版】官方主题强劲登场！</span>
                            <div class="shuj">9米币</div>
                            <img id="shut" src="img/tushu/11.webp" alt="">

                        </div>
                        <div class="d2">
                            <div class="shum">遇见你 遇见爱 </div>
                            <span class="shujj">不要玫瑰，不要巧克力，不要甜言蜜语，只要敢说在一起。</span>
                            <div class="shuj">13.14元</div>
                            <img id="shut" src="img/tushu/12.webp" alt="">
                        </div>
                        <div class="d2">
                            <div class="shum">&nbsp</div>
                            <span class="shujj z">众多个性主题、百变锁屏与自由桌面让你的手机与众不同！</span>
                            <div class="qianw" style="color: #83c44e;border-color: #83c44e" id="luse">前往MIUI主题系统</div>
                            <img id="shut" src="img/tushu/4.jpg" alt="">
                        </div>

                    </div>
                    <section class="dian">
                        <span class="jia"></span>
                        <span></span>
                        <span></span>
                    </section>
                </li>
                <li>
                    <span style="color: #e53935">游戏</span>
                    <span class="qian12"><</span>
                    <span class="hou12">></span>
                    <div>
                        <div>
                            <div class="shum">米有手游模拟器</div>
                            <span class="shujj">在电脑上玩遍小米所有手游</span>
                            <div class="shuj">免费</div>
                            <img id="shut" src="img/tushu/21.png" alt="">

                        </div>
                        <div class="d2">
                            <div class="shum">剑侠世界 </div>
                            <span class="shujj">一生不容错过的浪漫武侠！！</span>
                            <div class="shuj">免费</div>
                            <img id="shut" src="img/tushu/22.webp" alt="">
                        </div>
                        <div class="d2">
                            <div class="shum">&nbsp</div>
                            <span class="shujj z">免费下载海量的手机游戏天天都有现金福利赠送</span>
                            <div class="qianw" style="color: #e53935;border-color: #e53935" id="hongse">前往小米游戏商城</div>
                            <img id="shut" src="img/tushu/5.jpg" alt="">
                        </div>

                    </div>
                    <section class="dian">
                        <span class="jia"></span>
                        <span></span>
                        <span></span>
                    </section>
                </li>
                <li>
                    <span style="color: #2196f3">应用</span>
                    <span class="qian12"><</span>
                    <span class="hou12">></span>
                    <div>
                        <div>
                            <div class="shum">2017金米奖</div>
                            <span class="shujj">最优秀的应用和游戏</span>
                            <div class="shuj">&nbsp</div>
                            <img id="shut" src="img/tushu/31.png" alt="">

                        </div>
                        <div class="d2">
                            <div class="shum">Forest </div>
                            <span class="shujj">帮助您专心于生活中每个重要时刻</span>
                            <div class="shuj">免费</div>
                            <img id="shut" src="img/tushu/32.png" alt="">
                        </div>
                        <div class="d2">
                            <div class="shum">&nbsp</div>
                            <span class="shujj z">帮助小米手机和其他安卓手机用户发现好用的安卓应用</span>
                            <div class="qianw" style="color: #2196f3;border-color: #2196f3" id="lanse">前往小米应用商店</div>
                            <img id="shut" src="img/tushu/3.jpg" alt="">
                        </div>

                    </div>
                    <section class="dian">
                        <span class="jia"></span>
                        <span></span>
                        <span></span>
                    </section>
                </li>

            </ul>
        </section>

        <!--视频-->
        <section class="main sp">
            <section class="main znyj-header df">
                <h2>视频</h2>
                <div>
                    <span>查看全部</span>
                    <span><img src="img/jt.png" alt=""></span>
                </div>
            </section>
            <ul class="sp-ul">
                <li>
                    <img src="img/sp/1.webp" alt="">
                    <div class="bofang"></div>
                    <div class="sp-name">红米Note 4X 环岛挑战</div>
                    <div class="sp-jj">看看我们关于超长续航的疯狂想法</div>
                </li>
                <li>
                    <img src="img/sp/2.webp" alt="">
                    <div class="bofang"></div>
                    <div class="sp-name">小米之家里发生了一件怪事</div>
                    <div class="sp-jj">World Order星机械人受邀访问地球</div>
                </li>
                <li>
                    <img src="img/sp/3.webp" alt="">
                    <div class="bofang"></div>
                    <div class="sp-name">小米MIX 概念手机背后的故事</div>
                    <div class="sp-jj">雷总亲自讲述小米MIX 的诞生</div>
                </li>
                <li>
                    <img src="img/sp/4.webp" alt="">
                    <div class="bofang"></div>
                    <div class="sp-name">一面科技，一面艺术</div>
                    <div class="sp-jj">梁朝伟讲述双面人生</div>
                </li>
            </ul>
        </section>
    </main>

    <!--服务-->
    <section class="fu">
        <section class="main lll">
            <div class="fut">
                <span><span></span>预约维修服务</span>
                <span><span></span>7天无理由退货</span>
                <span><span></span>15天免费换货</span>
                <span><span></span>满150元包邮</span>
                <span><span></span>520余家售后网点</span>
            </div>

            <div class="xx">
                <div>
                    <div>
                        <div>帮助中心</div>
                        <div>账户管理</div>
                        <div>购物指南</div>
                        <div>订单操作</div>
                    </div>
                    <div>
                        <div>帮助中心</div>
                        <div>账户管理</div>
                        <div>购物指南</div>
                        <div>订单操作</div>
                    </div>
                    <div>
                        <div>帮助中心</div>
                        <div>账户管理</div>
                        <div>购物指南</div>
                        <div>订单操作</div>
                    </div>
                    <div>
                        <div>帮助中心</div>
                        <div>账户管理</div>
                        <div>购物指南</div>
                        <div>订单操作</div>
                    </div>
                    <div>
                        <div>帮助中心</div>
                        <div>账户管理</div>
                        <div>购物指南</div>
                        <div>订单操作</div>
                    </div>
                    <div>
                        <div>帮助中心</div>
                        <div>账户管理</div>
                        <div>购物指南</div>
                        <div>订单操作</div>
                    </div>
                </div>
                <section class="rx">
                    <div>400-100-5678</div>
                    <div>周一至周日 8:00-18:00 </div>
                    <div>（仅收市话费）</div>
                    <div>24小时在线客服</div>
                </section>
            </div>
        </section>


    </section>

    <!--页脚-->
    <section class="footer">
        <section class="main foot">
            <div class="mi">
                <div>
                    <img src="img/icon.png" alt="">
                    <div>
                        小米商城|MIUI|米聊|多看书城|小米路由器|视频电话|企业团购|小米天猫店|小米淘宝直营店|小米网盟|小米移动|Select Region</div>
                    <div>©mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2014]0059-0009号 </div>
                    <div>违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</div>
                </div>
                <section>
                    <img src="img/01.png" alt="">
                    <img src="img/02.png" alt="">
                    <img src="img/03.png" alt="">
                    <img src="img/04.png" alt="">
                </section>
            </div>
            <div class="boss">探索黑科技，小米为发烧而生！</div>
        </section>
    </section>
</body>
<script src="./js/index.js"></script>

</html>
<script>

</script>